<template>
    <div class="">
      <h1 class="title">{{ title }}</h1>
      <router-link to="/">home</router-link>
      <router-link to="about">about</router-link>
      <br>
      <router-view></router-view>
    </div>
</template>

<script>
export default {
  data(){
    return {
      title:"vue，你好"
    }
  }
}
</script>
<style lang="less" scoped>
.title{
  background-color: lightblue;
  color: orange;
  box-shadow: 10px 10px grey;
}

</style>
